<img class="fbImg" [src]="imgSrc" (click)="onAdd()" style="cursor:pointer">

<div class="mt-1 border border-top-0 border-left-0 border-right-0" *ngFor="let hero of heroes">
  <div class="m-2">
    <h4 class="card-title" (click)="onSelect(hero)">{{hero.name}}</h4>
    <h6 class="card-subtitle mb-0 text-muted">123207.00</h6>
    <p class="card-text mb-0">
      Some quick example text to build on the card title and make up the bulk of the card's content.
    </p>
    <!-- data-toggle指以什么事件触发，常用的如modal,popover,tooltips等 -->
    <!-- data-target指事件的目标 -->
    <!-- <button class="btn btn-link" (click)="openModal(template,hero.name)">删除</button> -->
    <button class="btn btn-link" (click)="openModalWithComponent(hero.name)">删除</button>
  </div>
</div>

<!-- <template #template>
  <div class="modal-header">
    <h4 class="modal-title pull-left">Modal</h4>
    <button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
        <span aria-hidden="true">&times;</span>
      </button>
  </div>
  <div class="modal-body">
    This is a modal.
  </div>
</template> -->